/* 
               (0 0)
   +=====oOO====(_)=========+
   |   Powered By Anxin     |
   |   Tel: 0572-5220701    |
   |   Creation:2021.11.18  | 
   +=================oOO====+
             |__|__|
              || ||
             ooO Ooo
*/
body, h1, h2, h3, h4, h5, h6, hr, p, dl, dt, dd, ul, ol, li, figure, form, fieldset, legend, button, input, textarea, th, td, s { margin: 0; padding: 0; list-style: none }body { font-family: "Microsoft YaHei", sans-serif; font-weight: 400; overflow-x: hidden; }html, body { position: relative; height: 100%;}h1, h2, h3, h4, h5, h6 { font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif; text-transform: capitalize }button, input, select, textarea { font-size: 100%; outline: 0 }a {blr:expression(this.onFocus=this.blur()); color: #369;text-decoration: none; }.clearfix:after { content: '\0020'; display: block; height: 0; clear: both; font-size: 0; visibility: hidden }.clearfix { zoom: 1 }.clear { clear: both; font-size: 1px; width: 1px; height: 0; visibility: hidden; line-height: 0 }.fl { float: left; display: inline }.fr { float: right; display: inline }em, i { font-style: normal }.none { display: none }.block { display: block }.inline { display: inline-block !important; margin-right: 10px; }img { border: 0; object-fit:cover; }table { border-collapse: collapse; border: 0; cellspacing: 0; cellpadding: 0 }::selection { background: #ddd; color: #111 }::-webkit-scrollbar {width:10px;
height:10px}::-webkit-scrollbar-thumb {background-color:rgba(50,50,50,0.25);border:2px solid transparent;border-radius:10px;background-clip:padding-box}::-webkit-scrollbar-thumb:hover {background-color:rgba(50,50,50,0.5)}::-webkit-scrollbar-track {background-color:rgba(50,50,50,0.05)}*{box-sizing:border-box;}
.tipMain { position: fixed; bottom: 0; left: 0; z-index: 9999; width: 100%; height: 40px; border-top: solid 1px #ccc; background: #fff; text-align: center; font-size: 13px; line-height: 40px }
.tipMain .close { position: absolute; top: 0; right: 10px; width: 40px; height: 40px; color: red; text-align: center; font-weight: 400; font-size: 18px; font-family: Arial, Helvetica, sans-serif; cursor: pointer }
/*超出的文字省略，要定义宽度*/
span.spanleft, .list-txt .name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block }
.iconfont,.images, .images img, .list-txt,.list-txt .name,.pic{ -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; }
a:active { /*-webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9);*/ }
/*图标字体*/
@font-face { font-family: 'iconfont';  /* project id 278253 Anxin通用图标  */ src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot'); src: url('https://at.alicdn.com/t/font_278253_w7c5c923opi.eot?#iefix') format('embedded-opentype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff2') format('woff2'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.woff') format('woff'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.ttf') format('truetype'), url('https://at.alicdn.com/t/font_278253_w7c5c923opi.svg#iconfont') format('svg'); }
.iconfont { font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }
/*页面*/
body { background-color: #fff;}
.wrapper { margin: 0 auto; width: 100%; max-width:1200px; position: relative; }
.text { padding: 0; }
.text, .text * { color: #666; font-size: 16px;  line-height: 38px; word-wrap: break-word; }
.text img { max-width: 100%; margin: 20px auto; display: block; opacity: 1 !important; }
.info { overflow: hidden; display: -webkit-box !important; -webkit-box-orient: vertical; white-space: normal !important; word-wrap: normal !important; }/*-webkit-line-clamp: 8;*/
.info * { -webkit-box-orient: horizontal; width: auto; display: inline !important; padding: 0; margin: 0;  white-space: normal !important; word-wrap: normal !important; background: none !important; text-indent: 0 !important }
.info img { display: none !important; opacity: 0; }
.flex { display: -webkit-box; display: -webkit-flex; display: flex; display: table \9; width: 100% \9 }
.flex-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; display: table-cell \9 }
.place { padding: 30px 0; }
.place a { font-size: 15px; color: #444; }
.place .icon { font-size: 16px; margin: 0 10px; }
.place a:hover { color: #0146A0; text-decoration: underline; }
#header { width: 100%; height: 100px; padding: 15px 0; background-color:#fff;}
#header .wrapper{display:flex; justify-content:space-between;align-items: center}
#header .wrapper,#nav .wrapper,.nav,.nav ul{height:100%;}
#header .wrapper .logo{position:absolute; left:0; top:50%; transform: translateY(-50%);}
.logo{ background:url(../images/logo.png) left center no-repeat; width:295px; height:50px;display:inline-block;}
.logo .txt{font-size:24px; font-weight: 600; color:#000; padding-left: 185px;text-align: justify; text-align-last: justify; text-transform: capitalize;}
.logo .txt span{display:block; width: 100%; font-size:12px; font-weight: 400; color:#999;}
.logo-r{margin-left:320px; width: 340px; font-size:26px; font-weight: 600; color:#2B2B2B;display: flex; align-items: center;}
.logo-r:before{content:"";display:block; width:1px; height:70px;background-color:#F3F3F3;margin-right:20px;float:left;}
.header-tel{background:url(../images/header-tel-icon.png) left center no-repeat; padding-left: 56px;height: 50px; font-size:17px; font-weight: 600; color:#3162ED}
.header-tel span{font-size:14px; font-weight: 400; color:#666; display:block; margin-bottom: 3px;}
#header.header-en .logo .txt{font-size: 20px;}
#header.header-en .logo-r{font-size: 16px; text-transform: uppercase; line-height: 1.5;}
#header.header-en .header-tel span{font-size: 12px; margin-top: 5px}
#nav{background-color:#2B2B2B;width:100%; height:60px;}
.nav ul {display:flex; align-items: center}
.nav ul li {position: relative; z-index: 10;height:60px;}
.nav ul li a{display:block; padding:0 44px; font-size:16px;font-weight: 500; color:#fff; text-transform: capitalize; line-height: 60px; position:relative; z-index: 10;}
.nav ul li a:after{content:""; position: absolute;display:none; width:0; height:4px;left:50%; margin-top: 10px; background-color:#228457;border-radius: 2px;}
.nav ul li a:hover,.nav ul li:hover a,.nav .active a,.nav .active.cuf a:hover{background: #3162ED}
.nav ul li a:hover:after,.nav ul li:hover a:after,.nav .active a:after,.nav .active.cuf a:hover:after{width: 60%;left:20%;}
.nav .active.cuf a{background: none}
.nav .active.cuf a:after{width: 0;left:50%;}
.nav .nav-sub { display: none; position: absolute; z-index: 11; top: 60px; margin-left:-40px; line-height: 60px; width: 1200px; height: 60px;}
.nav ul li:hover .nav-sub a { font-size: 14px; display: inline-block;text-transform: capitalize; margin: 0 0 0 25px; padding:0; color: #fff; background: none;}
.nav ul li .nav-sub a:after {display:none;}
.nav ul li:hover .nav-sub a:hover{text-decoration: underline}
.nav .lang{position:absolute; right:0;}
.nav .lang a{color:#fff}
.nav .lang a:after{content:""; display:block; width:0; height:1px; background-color:#fff; position: absolute; margin-top: 10px;}
.nav .lang a:hover:after{width: 100%;}
.nav-sub-bg { position: absolute; z-index: 3; left: 0; width: 100%; height: 60px;background: #3162ED;display: none;box-shadow: 0 2px 4px 0 rgba(0,0,0,0.05); }
#nav.fixed{position:fixed; z-index: 10;}
.table { width: 100%; margin: 20px 0; }
.table th, .table td { border: solid 1px #ECEEF3; text-align: left; vertical-align: top; padding: 15px 20px; color: #333; font-size: 16px;  line-height: 30px; }
.table th { background-color: #F9F9F9; font-size: 18px; }
.title{padding:80px 0 50px 0;; position:relative;}
.title .main,.title .secondary{text-transform:capitalize;}
.title .main{font-size: 26px;font-weight: 600;color: #3162ED; margin-bottom: 27px;}
.title .secondary{font-size: 14px;color:#666; line-height: 20px;}
.title.center .main,.title.center .secondary{text-align: center;}
.title.white .main,.title.white .secondary{color:#fff;}
.sub-title { font-size: 16px; font-weight: 500; text-transform: capitalize;margin-top:90px;}
.sub-title a { color: #333; display: inline-block; background: #EEEEEE;border-radius: 10px 10px 0px 0px; width: 150px;text-align: center; padding: 25px 10px; margin-right: 10px;}
.sub-title a.active,.sub-title a.active:hover { background-color: #3162ED; color: #fff; }
.sub-title a:hover {background-color: #ddd}
a.btn { display: block;position:relative;width: 140px; height: 44px; line-height: 44px;border-radius: 22px; background-color: #3162ED; margin: 50px auto }
a.btn span{position:relative; z-index: 2;text-transform: capitalize;font-size: 14px; font-weight: 600; color: #fff;display: block; width: 100%; text-align: center;}
a.btn span .iconfont{margin-left:10px;}
a.btn:before{content:""; display:block; position: absolute; z-index: 1; left:0; top:0; width:0; height:100%;background:rgba(0,0,0,0.08);border-radius: 22px;}
a.btn:hover:before {width:100%;}
a.btn.left{margin-left:0; margin-right:0;}
a.btn.white{background: #fff}
a.btn.white span{color: #3162ED}
/*箭头*/
.arrow { display: inline-block; position: relative; width: 16px; height: 20px; }
.arrow a { display: block; width: 100%; height: 100%; position: relative; z-index: 2 }
.arrow:before, .arrow:after { content: ""; position: absolute; display: block; }
.arrow:before { width: 15px; border-top: 2px solid #1C1C1C; left: 0; top: 9px; display:none;}
.arrow:after { position: absolute; right: 1px; top: 5px; display: block; width: 8px; height: 8px; border-right: 2px solid #1C1C1C; border-bottom: 2px solid #1C1C1C; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); pointer-events: auto; }
/*******************************
  -------[=返回顶部-------
********************************/
.toTop { position: fixed; z-index: 998; bottom: 0px; width: 50px; height: 50px; text-align: center; line-height: 50px; padding: 0; right: 0; background-color: #222; cursor: pointer; display: none; opacity: 0.7 !important;}
.toTop i { font-size: 26px; color: #fff; }
.toTop:hover { background: #3162ED; opacity: 1 !important }
.toTop:active { background: #000; -webkit-transform: scale(.9); -moz-transform: scale(.9); -ms-transform: scale(.9); -o-transform: scale(.9); transform: scale(.9); }
/*******************************
  -------[=图片切换-------
********************************/
.swiper-container img { display: block; width: 100%; }
.swiper-pagination-bullet{opacity:1;border-radius: 2px;}
.swiper-pagination-bullet-active{background-color: #228457}
.swiper-btn{display:block; width:60px; height:60px; border-radius: 5px; background-color:#fff;text-align: center;color:#000; font-size:30px; line-height: 60px; cursor:pointer; position:absolute; top:50%; margin-top:0px;}
.swiper-btn:hover{background-color:#228457; color:#fff;}
.swiper-btn.swiper-button-disabled{opacity: 0.65; cursor:not-allowed;}
.prev.swiper-btn{left:5%;}
.next.swiper-btn{right:5%;}
/*******************************
  -------[=弹窗------
********************************/
.fancybox-close { position: absolute; right: 20px; top: 20px; width: 20px; height:20px; padding: 5px; background: #3162ED; border-radius: 50%; cursor: pointer; }
.fancybox-close:hover, .fancybox-close:active { background: #E30616 }
.fancybox-close:before, .fancybox-close:after { content: ""; display: block; width: 10px; height: 2px; background: #fff; position: absolute; top: 45% }
.fancybox-close:before { -webkit-transform: rotate(45deg); -o-transform: rotate(45deg); -ms-transform: rotate(45deg);transform: rotate(45deg); }
.fancybox-close:after { -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg); -ms-transform: rotate(-45deg);transform: rotate(-45deg); }
.fancybox-overlay-fixed { z-index: 999 }
.fancybox-skin { background: #ffffff !important; padding: 0 !important; }
.fancybox-skin, .fancybox-image, .fancybox-outer, .fancybox-inner { border-radius: 8px !important }
#fancybox-thumbs { top: auto !important; bottom: 10px !important; width: 100vw !important; overflow-x: scroll !important; }
.pop-window { width: 100%; position: relative; padding: 60px 0 0 0; background-color: #fff }
.pop-window .t { font-size: 18px; padding: 0 20px;  height: 60px; line-height: 60px;color: #3E3F42; border-bottom: solid 1px #EAEDF3; position: absolute; width: 100%; top:0;}
.pop-window .header { position: fixed; z-index: 100; width: 100%; padding: 0 20px; left: 0; background: #fafafa; height: 60px; line-height: 60px; top: 0; font-size: 20px;  color: #333; letter-spacing: 1.45px; border-bottom: 1px solid #F0F2F7;}
.pop-window .body { padding: 30px; }

.fancybox-nav{width:60px;}
.fancybox-nav span{visibility:inherit; width:60px; height: 60px; border-radius: 5px;background:none;background: rgba(0, 0, 0, 0.4);
border-radius: 6px;background-position:center center;background-repeat:no-repeat;}
.fancybox-prev{margin-left:-120px}
.fancybox-prev span{ background-image: url(../images/fancybox-prev.png);}
.fancybox-next{margin-right:-120px}
.fancybox-next span{ background-image: url(../images/fancybox-next.png);}
#video-mask{position:fixed; z-index: 10000; width:100%; height:100%; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.8); display: none;}
video#video{position: fixed; z-index: 10001;left:50%; top:50%; transform: translate(-50%,-50%);width:auto; height:auto;max-width:100vw; max-height: 80vh;display: none;}
#video-off {position: fixed; z-index: 10002;width: 45px; height: 45px; background: none; border: solid 1px #fff; top: auto; bottom: 30px; right: 50%; margin-right: -22.5px; padding: 9px; cursor: pointer; border-radius: 50%;display: none; }
#video-off:before, #video-off:after{ content: ""; display: block; width: 25px; height: 2px; background: #fff; position: absolute; top: 45%; }
#video-off:before { transform: rotate(45deg); }
#video-off:after { transform: rotate(-45deg); }
/*******************************
  -------[=列表-------
********************************/
.images { overflow: hidden; position: relative; z-index: 1; width: 100%; height: 0; padding: 0px; margin: 0; }
.images img { width: 100%; height: 100%; object-fit: cover; position: absolute; z-index: 1; left: 0; top: 0; }
.list { overflow: hidden; }
.list .list-ul { margin-right: -40px; margin-bottom: -40px; }
.list .list-ul:after { content: ""; display: table; clear: both; }
.list .list-li { float: left; margin: 0 40px 40px 0; width: 270px; position: relative;}
.list .list-li a { display: block; }
.list .list-li .images {}
.list .list-li:hover .images img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); }
.list-txt {box-sizing: border-box; position: relative; z-index: 2; text-transform: capitalize; padding: 15px; }
.list-txt .name { font-size: 16px;  color: #1C1C1C; line-height: 1.5; }
.list-txt .category { font-size: 14px; color: #228457; line-height: 30px; }
.list-txt .info { -webkit-line-clamp: 2; margin: 10px 0; }
.list-txt .info,.list .list-txt .info * { font-size: 14px; color: #777; line-height: 25px !important; }
/*产品*/
.list.products-list {background: #F6F6F6;border-radius: 0px 10px 10px 10px; margin-bottom: 60px;}
.list.products-list .list-ul {padding-top:30px; padding-left:30px; margin-right: -30px; margin-bottom: -30px; }
.list.products-list .list-li {width: 262px; margin: 0 30px 10px 0; padding: 0; overflow: hidden;}
.list.products-list .list-li .images { padding-top: 230px; background: #FFFFFF;border-radius: 10px;}
.list.products-list .list-li .images img {object-fit:contain; padding: 25px;}
.list.products-list .list-txt {padding-top:30px;padding-bottom: 30px;}
.list.products-list .list-txt .name {text-transform: uppercase; text-align: center;}
.list.products-list .list-li:hover .list-txt .name { color: #3162ED; }
/*产品详细*/
.body#view-pro{display:flex; align-content: flex-start; justify-content: space-around;}
.view-pro {width:500px;}
.view-pro .propicbig { overflow: hidden; text-align: center; }
.view-pro .propicbig img { width: 100%; height: 400px; object-fit:contain; display:block; }
.view-pro .propicbig span { display: block; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 16px; padding: 10px 0 0 0; }
.view-pro .small { margin: 40px 0 0 0; overflow: hidden; position: relative; padding: 0 50px; }
.view-pro .small li { float: left; width: 25%; overflow: hidden; padding: 0 10px; display: none;outline:none }
.view-pro .small li .pic { border: 2px solid #fff; overflow: hidden;position: relative; width:100%; height:0; padding-top:100%;}
.view-pro .small li .pic img { position: absolute; left:0; top:0; width: 100%; height: 100%; object-fit: cover; cursor:pointer;}
.view-pro .small li.on .pic,.view-pro .small li:hover .pic{ border-color:#3162ED; }
.view-pro .small li:nth-child(1), .view-pro .small li:nth-child(2), .view-pro .small li:nth-child(3), .view-pro .small li:nth-child(4) { display: block; }
.view-pro .small .prev, .view-pro .small .next { width: 30px; cursor:pointer; position: absolute; top: 0px; bottom: 0px; background-repeat: no-repeat; background-position: center center; outline:none }
.view-pro .small .prev { left: 0px; background-image: url(../images/prev.png); }
.view-pro .small .next { right: 0px; background-image: url(../images/next.png); }
.view-pro .small .swiper-button-disabled { opacity: 0.2; cursor: not-allowed}
.view-pro-txt{flex:1; padding-left: 60px; position:relative;}
.view-pro-txt:before{content:""; display:block; width:1px; height:600px; background-color:#eee; position:absolute; left:30px; top:0; margin-top:-40px;}
.view-pro-txt p{font-size:15px; line-height: 26px; color:#333; margin-bottom: 15px;}
/*******************************
  -------[=页码-------
********************************/
.main-page { width:auto; height: 40px; margin: 0 0 60px 0;text-transform: capitalize;display:flex; justify-content: center;}
.main-page a{border: 1px solid #EEEEEE;font-size:16px; line-height: 38px;min-width: 40px;text-align: center;height:38px; padding:0 12px; margin: 0 8px; color:#555;border-radius: 3px;}
.main-page a.active,.main-page a:hover{border-color:#3162ED; background-color: #3162ED; color:#fff;}
.main-page a.disabled{cursor:not-allowed;border:0;}
.main-page a.disabled:hover{background-color:#fff; color:#555;}
.main-page .prev .icon.iconfont{margin-left: 6px;}
.main-page .next .icon.iconfont{margin-left: 6px;}
/*******************************
  -------[=页面底部------
********************************/
#footer {background-color:#010E2A }
#footer a{color: rgba(255, 255, 255, 0.6);}
#footer a:hover{color: rgba(255, 255, 255, 1);}
#footer .footer{background:url(../images/footer-logo.png) left center no-repeat; display: flex; align-items: center; justify-content: flex-end;height: 119px;}
#footer .footer a{font-size:16px; color:#fff; margin-left: 66px;}
#footer .copyright{padding:50px 0; border-top:solid 1px rgba(255, 255, 255, 0.2);font-size:12px; font-weight: 600; color: rgba(255, 255, 255, 0.8);}
/*******************************
  -------[=内页------
********************************/
.banner-info{width:1200px;position:absolute; left:50%; top:50%; transform:translateY(-50%);margin-left:-600px; display: flex; justify-content: space-around; align-items: center; }
.banner-info img{width:470px; height:auto;object-fit:contain;}
.banner-info .txt{width:590px;}
.banner-info .txt h1{font-size:70px; font-weight: 600; line-height: 98px; color:#3162ED; margin-bottom: 38px;}
.banner-info .txt p{font-size:22px; line-height: 50px; color:#2B2B2B;font-weight: 400;}
.banner-info .txt a.btn{margin-top:66px; margin-right: 0}
.banner { width: 100%; height: 360px; position: relative;}
.banner .banner-img { width: 100%; height: 100%; position: absolute; z-index: 1; left: 0; top: 0; object-fit: cover;}
.banner .txt { position: absolute; z-index: 2;}
/*关于我们*/
#enterprise{margin-bottom: 100px;}
#enterprise:after{content:""; display:table; clear:both;}
#enterprise .card{width:25%; height:300px; display:block; float:left; overflow:hidden }
#enterprise .card img{width:100%; height:100%; }
#enterprise .card .txt{padding:36px 31px 0 39px; }
#enterprise .card .txt h5{font-size:18px; font-weight: 600; color:#333; line-height: 25px; margin-bottom: 21px;}
#enterprise .card .txt p{font-size:14px; color:#666; line-height: 30px;}
#enterprise.enterprise-en .card .txt{padding:10px 15px 0 15px;}
#enterprise.enterprise-en .card h5{margin-bottom:10px}
#enterprise.enterprise-en .card p{line-height: 21px;}

#about-col2{background:url(../images/about-col2.png) center center no-repeat; background-size:cover; width:100%; height:340px;}
#about-col2 .wrapper{display:flex; justify-content:space-between;height:100%; align-items:center;}
#about-col2 .wrapper .item{width:260px; height:160px; padding: 37px 0; background: rgba(49, 98, 237, 0.5);text-align:center; font-size:34px; font-weight: 600; color:#fff; line-height: 48px;}
#about-col2 .wrapper .item span{display:block; font-size:16px; font-weight: 400; line-height: 23px; margin-top:16px;}
/*荣誉*/
.list.honor-list{ margin-bottom: 0px;}
.list.honor-list .list-ul{margin-right:-30px; margin-bottom: -30px;}
.list.honor-list .list-li{width:277px; margin-right:30px; margin-bottom: 30px;}
.list.honor-list .images{padding-top:193px;}
/*联系*/
#contact{}
#contact .contact{display:flex; justify-content:space-around;}
#contact .contact .item{border: 1px solid #EDEDED; width: 365px; height:170px; padding: 30px 30px 30px 92px; position: relative;}
#contact .contact .item img{display: block; position: absolute;left:32px;}
#contact .contact .item .t{font-size:24px; font-weight: 600; color:#1C1C1C; line-height: 34px; margin-bottom: 15px;}
#contact .contact .item p{font-size:16px;color:#333; line-height: 30px;}
#contact .contact .item p span{opacity: 0.5;}
#contact .map{ width:100%; height:500px; margin-top: 70px;}
.map #gaodi-map{ width:100%; height:100%;}
.map .icon { background: url(../images/mark_bs.png) no-repeat; }
.map .icon-cir { height: 31px; width: 28px; }
.map .icon-cir-red { background-position: 0 0; }
.amap-info-content{padding:20px 28px 20px 20px;}
.amap-info-content h5{ font-size:18px; line-height:20px; margin-bottom:10px; color:#3162ED; font-weight:600; margin-bottom: 10px;}
.amap-info-content div{ font-size:14px; line-height:1.6em; color:#444}
/*******************************
  -------[=首页------
********************************/
.index-banner { width: 100%; position: relative;}
.index-banner .swiper-btn{ background: rgba(0, 0, 0, 0.2);border-radius: 6px; z-index: 5; color:#fff;}
.index-banner .swiper-btn.prve{left:7.55%}
.index-banner .swiper-btn.next{right:7.55%}
.index-banner .swiper-pagination{ bottom: 30px; }
.index-banner .swiper-pagination-bullet, .index-banner .swiper-pagination-bullet-active { background: #fff; display: inline-block; width: 5px; height: 5px; margin: 0 10px 0 0; border-radius: 0; opacity: 1; }
.index-banner .swiper-pagination-bullet-active { width: 10px; }
.index-banner{width:100%; position:relative; overflow: hidden;}
.index-banner img{display:block;width:100%; object-fit: cover;}
.index-banner:before{content:""; display:block; width:100%; height:100%; position:absolute; top:0; right:0; bottom:0; left:0; background:rgba(0,0,0,0.6); z-index: 1;}
.index-banner .btn-play{display:block; background:url(../images/btn-play.png) no-repeat; width:80px; height:80px; position:absolute; left:50%; top:50%; margin:-40px 0 0 -40px; z-index: 2;}
#index-banner-below{width:100%; background:rgba(255,255,255,0.8); box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.03);}
#index-banner-below .wrapper{padding:30px 0; display:flex; justify-content: space-between;}
#index-banner-below .item{width: 292px; display: flex; justify-content:space-between;}
#index-banner-below .item .icon{width: 62px; height:62px; border-radius: 50%; position: relative; background:#fff; box-shadow: 0px 4px 10px rgba(49, 98, 237, 0.1);}
#index-banner-below .item .icon img{dislay:block; left:50%; top:50%; transform:translate(-50%,-50%); position: absolute; width: auto; height:auto;}
#index-banner-below .item .txt{width: 200px;}
#index-banner-below .item .txt .t{font-size:18px; font-weight: 600; line-height: 26px; color:#3162ED; margin-bottom: 10px; text-transform: uppercase;}
#index-banner-below .item .txt p{font-size:14px; color:#333; line-height: 26px;}
#index-col1{padding:88px 0;background-color:#FAFAFA;}
#index-col1 .index-col1{display:flex; align-items: flex-start;}
#index-col1 .index-col1 img{width:520px; height:340px;}
#index-col1 .index-col1 .txt{padding-right:135px;}
#index-col1 .index-col1 .txt .title{padding:0 0 16px 0;}
#index-col1 .index-col1 .txt .info{margin-bottom:40px;-webkit-line-clamp: 5}
#index-col1 .index-col1 .txt .info,#index-col1 .index-col1 .txt .info *,#index-col6 .index-col6 .txt .info,#index-col6 .index-col6 .txt .info *{font-size:14px; line-height: 34px; color:#999;}
#index-col1 .index-col1 a.btn{margin-top:60px; margin-bottom:0;}
#index-col2{background-color:#fff;}
#index-col2 .index-col2{position:relative;}
.honor .swiper-btn{margin-top:150px;}
.col2-txt{margin: 0 -10px 0 0;}
.col2-txt .swiper-wrapper{align-items:flex-end;}
.col2-txt .swiper-slide{background-color:#eee;border-radius: 10px 10px 0px 0px;flex:1; text-align: center;font-size:16px; text-transform: capitalize;font-weight: 600; color:#333; padding: 26px 0; cursor:pointer;}
.col2-txt .swiper-slide.swiper-slide-thumb-active{background-color:#3162ED; color:#fff;}
#index-col2 .index-col2 .index-col2-body{background: #F6F6F6;border-radius: 0 0 10px 10px; padding: 30px 30px 90px 30px; position: relative;}
.col2-img-wrap{}
.col2-img-wrap .col2-img-wrap2{}
.col2-img-wrap .col2-img .images{background: #FFFFFF;padding-top:230px; border-radius: 10px;}
.col2-img-wrap .col2-img .images img{object-fit:contain;padding: 26px;}
.col2-img-wrap .col2-img .list-txt{padding:5px 0;}
.col2-img-wrap .col2-img .list-txt .name{font-size:14px; color:#333; text-align: center;}
.index-col2.index-col2-en .col2-txt .swiper-slide{font-size:14px; font-weight: 400; padding:15px 8px;}

.index-col2 .swiper-btn{width:30px; height:30px; z-index: 2; top:auto; bottom: 40px;outline:none }
.index-col2 .swiper-btn img{display:block; width:100%; height:100%;}
.index-col2 .swiper-btn:hover{background: none; }
.index-col2 .swiper-btn.prev{left:556px}
.index-col2 .swiper-btn.next{right:556px}

#index-col3{background:url(../images/index-col3.png) center center no-repeat; background-size:cover; padding-bottom: 12px;}
#index-col3 .list{background: #FFFFFF;border-radius: 10px;}
#index-col3 .list-ul{margin-right:-30px; padding-top:30px; padding-left:30px;}
#index-col3 .list-li{width: 260px; border: 1px solid #EEEEEE;border-radius: 10px;margin-right:30px; margin-bottom: 30px;}
#index-col3 .images{padding-top:229px;}
#index-col3 .images img{object-fit: contain; padding: 26px;}
#index-col3 .list-txt{border-top: 1px dashed #EEEEEE;}
#index-col3 .list-txt .name{text-align: center}